<template>
  <div>
    <van-tabbar v-model="active" route  active-color="#ee0a24" inactive-color="#000">
      <van-tabbar-item icon="search" to="/index1">首页</van-tabbar-item>
      <van-tabbar-item icon="setting-o" to="/fenglei">分类页</van-tabbar-item>
      <van-tabbar-item icon="shopping-cart-o" to="/gowu">购物车</van-tabbar-item>
      <van-tabbar-item icon="manager-o" to="/wod">我的</van-tabbar-item>
    </van-tabbar>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'ComIndex',
  data () {
    return {
      active: 0,
      icon: {
        active: 'https://img01.yzcdn.cn/vant/user-active.png',
        inactive: 'https://img01.yzcdn.cn/vant/user-inactive.png'
      }
    }
  }
}
</script>

<style>
</style>
